body{
    background-color: #f4f7f9;
}
.lianxiren{
   .header{
    padding: 10px 30px;
    background-image: linear-gradient(to right, #00d9ff , #00bcff);
        & img{
            width: 50px;
            height: 50px;
            border-radius: 50%;
        }
        & .lxr{
            font-size: 35px;
        }
        & div i{
            font-size: 10px;
            color: #2beb91;
        }

   }
   .insert{
       background-color: #fff;
        .nav-search{
            margin: 0 30px 10px 30px;
            .search{
                height: 40px;
                width: 100%;
                background-color: #f7f7f799;
                border-radius: 30px;
            }
        }
        .meet{margin: 20px 30px 5px;letter-spacing: 2px;}
        .friend{
            margin: 15px 30px 10px;

            & img{
                width: 60px;
                height: 60px;
                border-radius: 50%;
            }
            & .add p{
                width: 70px;
                height: 28px;
                border-radius: 30px;
                background-color: #edeff4;
            }
        }
   }
   .inform{
    background-color: #fff;
    & div{
        padding: 10px 0;
        margin: 10px 30px;
    }
   }
   .nav-grouping{
    background-color: #fff;
    .grouping{
        margin: 0 30px 30px 30px;
        & ul{
            padding: 20px 0;
            & li:nth-child(2){
                width: 50px;
                height: 23px;
                border-radius: 30px;
                background-color: #e6fbff;
                color: #5bd0ec;
            }
        }
        & i{
            font-size: 10px;
        }
    }
   }
   .foot{
    height: 60px;
    width: 100%;
    background-color: #fbfbfb;
    bottom: 0;
    & i{
        font-size: 30px;
    }
    & .yd{
        font-size: 15px;
        color: #f75b73;
    }
    & div:nth-child(2) i{
        color: #47cafe;
    }
}
}